body{
	overflow:hidden;
}
.stage1{
	/*
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	margin-left:-30%;
	*/
}		
.stage2{
	display: grid;
	justify-items: center;

	padding: 0 30px 0 30px;
	/*
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	margin-left:30%;
	*/
}
.region{
	display: flex;
	justify-content: center;
}
.region1{
	display: flex;
  align-items: center;
	width: 300px;
	/*
	position:absolute;
	right:0;
	top:0;
	width:50%;
	*/
	display:none;
	/*kmargin-bottom:100px;*/
}
.region1 .first{
	width:100%;
	text-align:center;
}
.title{
	font-size:30px;
}
.text{
	margin-top:20px;
	width:320px;
	overflow-wrap: break-word;
	font-size:20px;
	margin-bottom:30px;
}
.region2{
	display: flex;
	align-items: center;
	/*
	position:absolute;
	left:0;
	width:50%;
	*/
}
.code{
	width:200px;
	height:50px;
	border:1px solid black;
	border-radius:10px;
	background-color:transparent;
	margin-bottom:10px;
}
.buttonregion{
	display: flex;
  width: 300px;
  justify-content: space-evenly;
}
.button1{
	width:80px;
	height:40px;
	color:white;
	background-color:green;
	border-radius:10px;
	border:none;
	transition:500ms;
}
.button1:hover{
	background-color:rgb(6, 77, 6);
	transition:500ms;
}
.button2{
	width:80px;
	height:40px;
	color:white;
	background-color:red;
	border-radius:10px;
	border:none;
	transition:500ms;
}
.button2:hover{
	background-color:rgb(112, 8, 8);
	transition:500ms;
}		
.button3{
	width:80px;
	height:40px;
	color:white;
	background-color:orange;
	border-radius:10px;
	border:none;
	transition:500ms;
}
.button3:hover{
	background-color:rgb(128, 85, 7);
	transition:500ms;
}
.region3{
	display: flex;
  align-items: center;
	/*
	position:absolute;
	right:0;
	top:0;
	width:50%;
	display:block;
	margin-bottom:100px;
	*/
}
.region3 img{
	/*
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	*/
}
#excel{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
.tip{
	position:absolute;
	top:50px;
	left:0;
}

.help{
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1001;
	background-color:rgba(1,1,1,0.8);
}
.help_zone{
	background-color:white;
	width:40%;
	height:40%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.help_zone p{
	width:100%;
	height:50px;
	margin-top:20%;
	font-size:20px;
	text-align: center;
	line-height:50px;
}
.sure{
	width:80px;
	height:40px;
	color:white;
	background-color:green;
	border-radius:10px;
	border:none;
	position:absolute;
	left:50%;
	transform: translate(-50%,0);
	transition:500ms;
}
.sure:hover{
	background-color:rgb(6, 77, 6);
	transition:500ms;
}